@keyframes fadeInLeft
  from
    opacity 0
    transform translate3d(-100%, 0, 0)

  to
    opacity 1
    transform translate3d(0, 0, 0)

@keyframes fadeOutLeft
  from
    opacity 1

  to
    opacity 0
    transform translate3d(-100%, 0, 0)

.toast
  animation-name fadeInLeft
  animation-duration 0.5s
  transition 0.5s all
  position fixed
  z-index 99999
  left 18px
  bottom 30px
  color #eee
  text-align center
  padding 3px 10px
  border-radius 14px
  font-size 12px
  line-height 1.4
  border 2px solid rgba(255, 255, 255, 0.3)
  background rgba(0, 0, 0, 0.7)

  &.ERR
    background rgba(255, 0, 0, 0.8)
    color #fff
    font-weight normal

    a
      font-family h
      color #9ff

      &:hover
        color #ff0

  &.x
    animation-name fadeOutLeft

  .I-close
    user-select none
    font-weight bold
    cursor pointer
    font-size 12px
    margin-left 8px

    &:hover
      color #0f0

  .MR3
    margin-right 0.3em
